<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>file-icons</title>
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
   
  <meta name="description" content="File icons in the file tree.">
   
  <meta name="keywords" content="file,icon,file-icons,TTF,EOT,WOFF,WOFF2,SVG">
  
  
  
  <style>
    *{margin: 0;padding: 0;list-style: none;}
    body { color: #696969; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; }
    a { color: #333; text-decoration: underline; }
    a:hover { color: rgb(9, 73, 209); }
    .header { color: #333; text-align: center; padding: 80px 0 60px 0; min-height: 153px; font-size: 14px; }
    .header .logo svg { height: 120px; width: 120px; }
    .header h1 { font-size: 42px; padding: 26px 0 10px 0; }
    .header sup {font-size: 14px; margin: 8px 0 0 8px; position: absolute; color: #7b7b7b; }
    .info {
      color: #999;
      font-weight: normal;
      max-width: 346px;
      margin: 0 auto;
      padding: 20px 0;
      font-size: 14px;
    }

    .icons { max-width: 1190px; margin: 0 auto; }
    .icons ul { text-align: center; }
    .icons ul li {
      vertical-align: top;
      width: 120px;
      display: inline-block;
      text-align: center;
      background-color: rgba(0,0,0,.02);
      border-radius: 3px;
      padding: 29px 0 10px 0;
      margin-right: 10px;
      margin-top: 10px;
      transition: all 0.6s ease;
    }
    .icons ul li:hover { background-color: rgba(0,0,0,.06); }
    .icons ul li:hover span { color: #3c75e4; opacity: 1; }
    .icons ul li .unicode { color: #8c8c8c; opacity: 0.3; }
    .icons ul li h4 {
      font-weight: normal;
      padding: 10px 0 5px 0;
      display: block;
      color: #8c8c8c;
      font-size: 14px;
      line-height: 12px;
      opacity: 0.8;
    }
    .icons ul li:hover h4 { opacity: 1; }
    .icons ul li svg { width: 24px; height: 24px; }
    .icons ul li:hover { color: #3c75e4; }
    .footer { text-align: center; padding: 10px 0 90px 0; }
    .footer a { text-align: center; padding: 10px 0 90px 0; color: #696969;}
    .footer a:hover { color: #0949d1; }
    .links { text-align: center; padding: 50px 0 0 0; font-size: 14px; }
    
    
    
    .icons ul li.symbol {padding: 28px 10px 16px 10px; width: 100px;}
    .icons ul li.symbol svg {width: 34px; height: 34px;}
    .icons ul li.symbol h4 {font-size: 12px;}
    
  </style>
  
</head>

<body>
  
  <div class="header">
    
    <div class="logo">
      <a href="./"><svg width="145" height="145" viewBox="0 0 145 145">
  <g fill="none" fill-rule="evenodd">
    <path fill="#F8E71C" d="M78,59.7218254 L78,0.85971532 C87.1067062,2.02752692 95.9111931,6.10863194 102.905592,13.1030304 L131.89697,42.0944084 C139.019301,49.2167398 143.120792,58.215981 144.201441,67.5 L85.7781746,67.5 L105.026912,48.2512627 C107.174796,46.1033791 107.174796,42.6209717 105.026912,40.4730881 C102.879028,38.3252045 99.3966209,38.3252045 97.2487373,40.4730881 L78,59.7218254 Z"/>
    <path fill="#4A90E2" d="M67,86.2781746 L67,144.140285 C57.8932938,142.972473 49.0888069,138.891368 42.0944084,131.89697 L13.1030304,102.905592 C6.23672035,96.0392816 2.17797848,87.4285723 0.926804778,78.5 L59.2218254,78.5 L39.9730881,97.7487373 C37.8252045,99.8966209 37.8252045,103.379028 39.9730881,105.526912 C42.1209717,107.674796 45.6033791,107.674796 47.7512627,105.526912 L67,86.2781746 Z"/>
    <path fill="#7ED321" d="M78,86.2781746 L97.2487373,105.526912 C99.3966209,107.674796 102.879028,107.674796 105.026912,105.526912 C107.174796,103.379028 107.174796,99.8966209 105.026912,97.7487373 L85.7781746,78.5 L144.073195,78.5 C142.822022,87.4285723 138.76328,96.0392816 131.89697,102.905592 L102.905592,131.89697 C95.9111931,138.891368 87.1067062,142.972473 78,144.140285 L78,86.2781746 Z"/>
    <path fill="#D0021B" d="M67,59.7218254 L47.7512627,40.4730881 C45.6033791,38.3252045 42.1209717,38.3252045 39.9730881,40.4730881 C37.8252045,42.6209717 37.8252045,46.1033791 39.9730881,48.2512627 L59.2218254,67.5 L0.798558759,67.5 C1.87920849,58.215981 5.98069903,49.2167398 13.1030304,42.0944084 L42.0944084,13.1030304 C49.0888069,6.10863194 57.8932938,2.02752692 67,0.85971532 L67,59.7218254 Z"/>
  </g>
</svg>
</a>
    </div>
    
    <h1>file-icons<sup>1.3.0</sup></h1>
    <div class="info">
      File icons in the file tree.
    </div>
    <p>
      
      <a href="https://github.com/uiwjs/file-icons">GitHub</a> · 
      
      <a href="https://github.com/uiwjs/file-icons/issues">Feedback</a> · 
      
      <a href="font-class.html">Font Class Demo</a> · 
      
      <a href="index.html">Symbol Demo</a> · 
      
      <a href="unicode.html">Unicode Demo</a>
      
    </p>
  </div>
  <div class="icons">
    <ul>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-actionscript"></use>
          </svg>
          <h4>ffont-actionscript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-android"></use>
          </svg>
          <h4>ffont-android</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-angular"></use>
          </svg>
          <h4>ffont-angular</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-apiblueprint"></use>
          </svg>
          <h4>ffont-apiblueprint</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-applescript"></use>
          </svg>
          <h4>ffont-applescript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-appveyor"></use>
          </svg>
          <h4>ffont-appveyor</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-arduino"></use>
          </svg>
          <h4>ffont-arduino</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-assembly"></use>
          </svg>
          <h4>ffont-assembly</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-audio"></use>
          </svg>
          <h4>ffont-audio</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-aurelia"></use>
          </svg>
          <h4>ffont-aurelia</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-authors"></use>
          </svg>
          <h4>ffont-authors</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-autohotkey"></use>
          </svg>
          <h4>ffont-autohotkey</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-autoit"></use>
          </svg>
          <h4>ffont-autoit</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-babel"></use>
          </svg>
          <h4>ffont-babel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ballerina"></use>
          </svg>
          <h4>ffont-ballerina</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-bazel"></use>
          </svg>
          <h4>ffont-bazel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-bitbucket"></use>
          </svg>
          <h4>ffont-bitbucket</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-bithound"></use>
          </svg>
          <h4>ffont-bithound</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-blink"></use>
          </svg>
          <h4>ffont-blink</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-bower"></use>
          </svg>
          <h4>ffont-bower</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-browserlist"></use>
          </svg>
          <h4>ffont-browserlist</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-bucklescript"></use>
          </svg>
          <h4>ffont-bucklescript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-c"></use>
          </svg>
          <h4>ffont-c</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-cabal"></use>
          </svg>
          <h4>ffont-cabal</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-cake"></use>
          </svg>
          <h4>ffont-cake</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-certificate"></use>
          </svg>
          <h4>ffont-certificate</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-changelog"></use>
          </svg>
          <h4>ffont-changelog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-circleci"></use>
          </svg>
          <h4>ffont-circleci</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-clojure"></use>
          </svg>
          <h4>ffont-clojure</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-cloudfoundry"></use>
          </svg>
          <h4>ffont-cloudfoundry</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-cmake"></use>
          </svg>
          <h4>ffont-cmake</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-code-climatet"></use>
          </svg>
          <h4>ffont-code-climatet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-coffee"></use>
          </svg>
          <h4>ffont-coffee</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-coldfusion"></use>
          </svg>
          <h4>ffont-coldfusion</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-conduct"></use>
          </svg>
          <h4>ffont-conduct</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-console"></use>
          </svg>
          <h4>ffont-console</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-contributing"></use>
          </svg>
          <h4>ffont-contributing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-cpp"></use>
          </svg>
          <h4>ffont-cpp</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-credits"></use>
          </svg>
          <h4>ffont-credits</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-crystal_light"></use>
          </svg>
          <h4>ffont-crystal_light</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-csharp"></use>
          </svg>
          <h4>ffont-csharp</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-css"></use>
          </svg>
          <h4>ffont-css</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-css3"></use>
          </svg>
          <h4>ffont-css3</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-cucumber"></use>
          </svg>
          <h4>ffont-cucumber</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-cuda"></use>
          </svg>
          <h4>ffont-cuda</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-d"></use>
          </svg>
          <h4>ffont-d</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-dart"></use>
          </svg>
          <h4>ffont-dart</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-database"></use>
          </svg>
          <h4>ffont-database</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-diff"></use>
          </svg>
          <h4>ffont-diff</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-django"></use>
          </svg>
          <h4>ffont-django</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-docker"></use>
          </svg>
          <h4>ffont-docker</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-document"></use>
          </svg>
          <h4>ffont-document</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-dotjs"></use>
          </svg>
          <h4>ffont-dotjs</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-drone"></use>
          </svg>
          <h4>ffont-drone</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-editorconfig"></use>
          </svg>
          <h4>ffont-editorconfig</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ejs"></use>
          </svg>
          <h4>ffont-ejs</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-elixir"></use>
          </svg>
          <h4>ffont-elixir</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-elm"></use>
          </svg>
          <h4>ffont-elm</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-email"></use>
          </svg>
          <h4>ffont-email</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-erlang"></use>
          </svg>
          <h4>ffont-erlang</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-eslint"></use>
          </svg>
          <h4>ffont-eslint</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-exe"></use>
          </svg>
          <h4>ffont-exe</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-fastlane"></use>
          </svg>
          <h4>ffont-fastlane</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-favicon"></use>
          </svg>
          <h4>ffont-favicon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-file"></use>
          </svg>
          <h4>ffont-file</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-firebase"></use>
          </svg>
          <h4>ffont-firebase</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-flash"></use>
          </svg>
          <h4>ffont-flash</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-flow"></use>
          </svg>
          <h4>ffont-flow</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-font"></use>
          </svg>
          <h4>ffont-font</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-foxpro"></use>
          </svg>
          <h4>ffont-foxpro</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-fsharp"></use>
          </svg>
          <h4>ffont-fsharp</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-gatsby"></use>
          </svg>
          <h4>ffont-gatsby</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-gemfile"></use>
          </svg>
          <h4>ffont-gemfile</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-git"></use>
          </svg>
          <h4>ffont-git</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-gitlab"></use>
          </svg>
          <h4>ffont-gitlab</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-go"></use>
          </svg>
          <h4>ffont-go</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-godot-assets"></use>
          </svg>
          <h4>ffont-godot-assets</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-godot"></use>
          </svg>
          <h4>ffont-godot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-gradle"></use>
          </svg>
          <h4>ffont-gradle</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-graphcool"></use>
          </svg>
          <h4>ffont-graphcool</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-graphql"></use>
          </svg>
          <h4>ffont-graphql</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-groovy"></use>
          </svg>
          <h4>ffont-groovy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-grunt"></use>
          </svg>
          <h4>ffont-grunt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-gulp"></use>
          </svg>
          <h4>ffont-gulp</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-h"></use>
          </svg>
          <h4>ffont-h</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-hack"></use>
          </svg>
          <h4>ffont-hack</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-haml"></use>
          </svg>
          <h4>ffont-haml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-handlebars"></use>
          </svg>
          <h4>ffont-handlebars</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-haskell"></use>
          </svg>
          <h4>ffont-haskell</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-haxe"></use>
          </svg>
          <h4>ffont-haxe</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-hcl"></use>
          </svg>
          <h4>ffont-hcl</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-helm"></use>
          </svg>
          <h4>ffont-helm</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-heroku"></use>
          </svg>
          <h4>ffont-heroku</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-hpp"></use>
          </svg>
          <h4>ffont-hpp</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-html"></use>
          </svg>
          <h4>ffont-html</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-http"></use>
          </svg>
          <h4>ffont-http</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-i18n"></use>
          </svg>
          <h4>ffont-i18n</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-image"></use>
          </svg>
          <h4>ffont-image</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ionic"></use>
          </svg>
          <h4>ffont-ionic</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-jade"></use>
          </svg>
          <h4>ffont-jade</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-jasmine"></use>
          </svg>
          <h4>ffont-jasmine</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-java"></use>
          </svg>
          <h4>ffont-java</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-javascript-map"></use>
          </svg>
          <h4>ffont-javascript-map</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-javascript"></use>
          </svg>
          <h4>ffont-javascript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-jest"></use>
          </svg>
          <h4>ffont-jest</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-jinja"></use>
          </svg>
          <h4>ffont-jinja</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-json"></use>
          </svg>
          <h4>ffont-json</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-julia"></use>
          </svg>
          <h4>ffont-julia</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-jupyter"></use>
          </svg>
          <h4>ffont-jupyter</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-karma"></use>
          </svg>
          <h4>ffont-karma</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-key"></use>
          </svg>
          <h4>ffont-key</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-kivy"></use>
          </svg>
          <h4>ffont-kivy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-kl"></use>
          </svg>
          <h4>ffont-kl</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-kotlin"></use>
          </svg>
          <h4>ffont-kotlin</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-laravel"></use>
          </svg>
          <h4>ffont-laravel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-less"></use>
          </svg>
          <h4>ffont-less</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-lib"></use>
          </svg>
          <h4>ffont-lib</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-livescript"></use>
          </svg>
          <h4>ffont-livescript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-lock"></use>
          </svg>
          <h4>ffont-lock</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-log"></use>
          </svg>
          <h4>ffont-log</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-lua"></use>
          </svg>
          <h4>ffont-lua</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-makefile"></use>
          </svg>
          <h4>ffont-makefile</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-markdown"></use>
          </svg>
          <h4>ffont-markdown</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-markojs"></use>
          </svg>
          <h4>ffont-markojs</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-mathematica"></use>
          </svg>
          <h4>ffont-mathematica</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-matlab"></use>
          </svg>
          <h4>ffont-matlab</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-mdx"></use>
          </svg>
          <h4>ffont-mdx</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-merlin"></use>
          </svg>
          <h4>ffont-merlin</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-microsoft-access"></use>
          </svg>
          <h4>ffont-microsoft-access</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-microsoft-excel"></use>
          </svg>
          <h4>ffont-microsoft-excel</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-microsoft-infopath"></use>
          </svg>
          <h4>ffont-microsoft-infopath</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-microsoft-onenote"></use>
          </svg>
          <h4>ffont-microsoft-onenote</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-microsoft-powerpoint"></use>
          </svg>
          <h4>ffont-microsoft-powerpoint</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-microsoft-visio"></use>
          </svg>
          <h4>ffont-microsoft-visio</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-microsoft-word"></use>
          </svg>
          <h4>ffont-microsoft-word</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-mint"></use>
          </svg>
          <h4>ffont-mint</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-mjml"></use>
          </svg>
          <h4>ffont-mjml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-mocha"></use>
          </svg>
          <h4>ffont-mocha</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-mxml"></use>
          </svg>
          <h4>ffont-mxml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-nginx"></use>
          </svg>
          <h4>ffont-nginx</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ngrx-actions"></use>
          </svg>
          <h4>ffont-ngrx-actions</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ngrx-effects"></use>
          </svg>
          <h4>ffont-ngrx-effects</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ngrx-entity"></use>
          </svg>
          <h4>ffont-ngrx-entity</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ngrx-reducer"></use>
          </svg>
          <h4>ffont-ngrx-reducer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ngrx-state"></use>
          </svg>
          <h4>ffont-ngrx-state</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-nim"></use>
          </svg>
          <h4>ffont-nim</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-nix"></use>
          </svg>
          <h4>ffont-nix</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-nodejs"></use>
          </svg>
          <h4>ffont-nodejs</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-nodemon"></use>
          </svg>
          <h4>ffont-nodemon</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-npm"></use>
          </svg>
          <h4>ffont-npm</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-nunjucks"></use>
          </svg>
          <h4>ffont-nunjucks</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ocaml"></use>
          </svg>
          <h4>ffont-ocaml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-pdf"></use>
          </svg>
          <h4>ffont-pdf</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-perl"></use>
          </svg>
          <h4>ffont-perl</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-php"></use>
          </svg>
          <h4>ffont-php</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-php_elephant"></use>
          </svg>
          <h4>ffont-php_elephant</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-postcss"></use>
          </svg>
          <h4>ffont-postcss</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-powershell"></use>
          </svg>
          <h4>ffont-powershell</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-prettier"></use>
          </svg>
          <h4>ffont-prettier</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-processing"></use>
          </svg>
          <h4>ffont-processing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-protractor"></use>
          </svg>
          <h4>ffont-protractor</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-pug"></use>
          </svg>
          <h4>ffont-pug</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-puppet"></use>
          </svg>
          <h4>ffont-puppet</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-purescript"></use>
          </svg>
          <h4>ffont-purescript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-python"></use>
          </svg>
          <h4>ffont-python</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-r"></use>
          </svg>
          <h4>ffont-r</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-racket"></use>
          </svg>
          <h4>ffont-racket</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-raml"></use>
          </svg>
          <h4>ffont-raml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-razor"></use>
          </svg>
          <h4>ffont-razor</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-react"></use>
          </svg>
          <h4>ffont-react</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-readme"></use>
          </svg>
          <h4>ffont-readme</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-reason"></use>
          </svg>
          <h4>ffont-reason</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-red"></use>
          </svg>
          <h4>ffont-red</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-redux-action"></use>
          </svg>
          <h4>ffont-redux-action</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-redux-reducer"></use>
          </svg>
          <h4>ffont-redux-reducer</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-redux-store"></use>
          </svg>
          <h4>ffont-redux-store</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-regex"></use>
          </svg>
          <h4>ffont-regex</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-restql"></use>
          </svg>
          <h4>ffont-restql</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-riot"></use>
          </svg>
          <h4>ffont-riot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-robot"></use>
          </svg>
          <h4>ffont-robot</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-rollup"></use>
          </svg>
          <h4>ffont-rollup</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-routing"></use>
          </svg>
          <h4>ffont-routing</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-ruby"></use>
          </svg>
          <h4>ffont-ruby</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-rust"></use>
          </svg>
          <h4>ffont-rust</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-san"></use>
          </svg>
          <h4>ffont-san</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-sass"></use>
          </svg>
          <h4>ffont-sass</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-sbt"></use>
          </svg>
          <h4>ffont-sbt</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-scala"></use>
          </svg>
          <h4>ffont-scala</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-semantic-release"></use>
          </svg>
          <h4>ffont-semantic-release</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-settings"></use>
          </svg>
          <h4>ffont-settings</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-shaderlab"></use>
          </svg>
          <h4>ffont-shaderlab</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-sketch"></use>
          </svg>
          <h4>ffont-sketch</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-slim"></use>
          </svg>
          <h4>ffont-slim</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-smarty"></use>
          </svg>
          <h4>ffont-smarty</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-snyk"></use>
          </svg>
          <h4>ffont-snyk</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-solidity"></use>
          </svg>
          <h4>ffont-solidity</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-sonar"></use>
          </svg>
          <h4>ffont-sonar</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-stencil"></use>
          </svg>
          <h4>ffont-stencil</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-storybook"></use>
          </svg>
          <h4>ffont-storybook</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-stylelint"></use>
          </svg>
          <h4>ffont-stylelint</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-stylus"></use>
          </svg>
          <h4>ffont-stylus</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-sublime"></use>
          </svg>
          <h4>ffont-sublime</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-svn"></use>
          </svg>
          <h4>ffont-svn</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-swc"></use>
          </svg>
          <h4>ffont-swc</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-swift"></use>
          </svg>
          <h4>ffont-swift</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-table"></use>
          </svg>
          <h4>ffont-table</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-terraform"></use>
          </svg>
          <h4>ffont-terraform</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-test-js"></use>
          </svg>
          <h4>ffont-test-js</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-test-jsx"></use>
          </svg>
          <h4>ffont-test-jsx</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-test-ts"></use>
          </svg>
          <h4>ffont-test-ts</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-tex"></use>
          </svg>
          <h4>ffont-tex</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-todo"></use>
          </svg>
          <h4>ffont-todo</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-travis"></use>
          </svg>
          <h4>ffont-travis</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-twig"></use>
          </svg>
          <h4>ffont-twig</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-typescript"></use>
          </svg>
          <h4>ffont-typescript</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-url"></use>
          </svg>
          <h4>ffont-url</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-v8"></use>
          </svg>
          <h4>ffont-v8</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-velocity"></use>
          </svg>
          <h4>ffont-velocity</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-verilog"></use>
          </svg>
          <h4>ffont-verilog</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-vfl"></use>
          </svg>
          <h4>ffont-vfl</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-video"></use>
          </svg>
          <h4>ffont-video</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-virtual"></use>
          </svg>
          <h4>ffont-virtual</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-visualstudio"></use>
          </svg>
          <h4>ffont-visualstudio</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-vscode"></use>
          </svg>
          <h4>ffont-vscode</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-vue"></use>
          </svg>
          <h4>ffont-vue</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-wakatime"></use>
          </svg>
          <h4>ffont-wakatime</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-wallaby"></use>
          </svg>
          <h4>ffont-wallaby</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-watchman"></use>
          </svg>
          <h4>ffont-watchman</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-webassembly"></use>
          </svg>
          <h4>ffont-webassembly</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-webpack"></use>
          </svg>
          <h4>ffont-webpack</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-wepy"></use>
          </svg>
          <h4>ffont-wepy</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-wolframlanguage"></use>
          </svg>
          <h4>ffont-wolframlanguage</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-xaml"></use>
          </svg>
          <h4>ffont-xaml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-xml"></use>
          </svg>
          <h4>ffont-xml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-yaml"></use>
          </svg>
          <h4>ffont-yaml</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-yang"></use>
          </svg>
          <h4>ffont-yang</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-yarn"></use>
          </svg>
          <h4>ffont-yarn</h4>
        </li>
      
        <li class="symbol">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="ffont.symbol.svg#ffont-zip"></use>
          </svg>
          <h4>ffont-zip</h4>
        </li>
      
    </ul>
  </div>
  <p class="links">
    
    <a href="https://github.com/uiwjs/file-icons">GitHub</a> · 
    
    <a href="https://github.com/uiwjs/file-icons/issues">Feedback</a> · 
    
    <a href="font-class.html">Font Class Demo</a> · 
    
    <a href="index.html">Symbol Demo</a> · 
    
    <a href="unicode.html">Unicode Demo</a>
    
  </p>
  <div class="footer">
    Licensed under MIT. (Yes it's free and <a href="https://github.com/uiwjs/file-icons">open-sourced</a>)
    <div><a target="_blank" href="https://github.com/jaywcjlove/svgtofont">Created By svgtofont</a></div>
  </div>
</body>

</html>